<html lang="en" style="font-size: 100px;"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"><link rel="icon" href="/favicon.ico"><title>h8pay</title><style>body {
        background: #f2f2f2;
      }
      @media screen and (min-width: 767px) {
        #app {
          width: 540px;
          margin: 0 auto;
          min-height: 100vh;
          box-sizing: border-box;
          border: 1px solid #999;
          /* overflow-y: hidden; */
        }
        .van-popup--top {
          width: 540px;
          margin: 0 auto;
        }
		
      }
	  
	  .detail-info{
	
    background: #fff;
    margin-bottom: .1rem;
    padding: .1rem .15rem;
    box-sizing: border-box;
    font-size: .14rem;
    line-height: .22rem;

		}
		</style><link href="/css/chunk-02960128.d8e4678b.css" rel="prefetch"><link href="/css/chunk-03d19c5b.da3b4d7d.css" rel="prefetch"><link href="/css/chunk-12ee7e7e.be873f85.css" rel="prefetch"><link href="/css/chunk-16db521b.9f656bd8.css" rel="prefetch"><link href="/css/chunk-24229c8f.122b5dbc.css" rel="prefetch"><link href="/css/chunk-260b9ee0.d82954b0.css" rel="prefetch"><link href="/css/chunk-28327744.848026e7.css" rel="prefetch"><link href="/css/chunk-290088a4.e0e1dd88.css" rel="prefetch"><link href="/css/chunk-293e36ce.b6fe070f.css" rel="prefetch"><link href="/css/chunk-2a2c3438.3a05a371.css" rel="prefetch"><link href="/css/chunk-30530650.83ef8890.css" rel="prefetch"><link href="/css/chunk-31dfc6cc.49d996f2.css" rel="prefetch"><link href="/css/chunk-38d9c4e3.72558616.css" rel="prefetch"><link href="/css/chunk-3e56bb55.eded3812.css" rel="prefetch"><link href="/css/chunk-41206b58.2fe3c40b.css" rel="prefetch"><link href="/css/chunk-43155bdd.7506223a.css" rel="prefetch"><link href="/css/chunk-45fabb50.f6fb2ae2.css" rel="prefetch"><link href="/css/chunk-4dbebf52.c3310d55.css" rel="prefetch"><link href="/css/chunk-501ca340.bb40b437.css" rel="prefetch"><link href="/css/chunk-5753040b.49d996f2.css" rel="prefetch"><link href="/css/chunk-57d8499b.96222562.css" rel="prefetch"><link href="/css/chunk-58705b64.1442bd8d.css" rel="prefetch"><link href="/css/chunk-5ea3ec15.30d377cf.css" rel="prefetch"><link href="/css/chunk-5f1d8bc4.25eff320.css" rel="prefetch"><link href="/css/chunk-6731c9f2.5b48773c.css" rel="prefetch"><link href="/css/chunk-6a2440bf.15a728eb.css" rel="prefetch"><link href="/css/chunk-6de0daa4.5391e009.css" rel="prefetch"><link href="/css/chunk-731cdd2b.a9740232.css" rel="prefetch"><link href="/css/chunk-9fea3c5c.531c8116.css" rel="prefetch"><link href="/css/chunk-ae7bdc24.38e0efd9.css" rel="prefetch"><link href="/css/chunk-d08caeb6.b385e467.css" rel="prefetch"><link href="/css/chunk-dee820da.cfa2c36a.css" rel="prefetch"><link href="/css/chunk-e1f1707a.079dd8a4.css" rel="prefetch"><link href="/css/chunk-e911781e.d87f005c.css" rel="prefetch"><link href="/css/chunk-edede612.b1bc4af4.css" rel="prefetch"><link href="/css/chunk-fde07e7a.adc0509a.css" rel="prefetch"><link href="/css/app.2150f8cc.css" rel="preload" as="style"><link href="/css/chunk-vendors.e9f6096e.css" rel="preload" as="style"><link href="/js/app.7b6aaa54.js" rel="preload" as="script"><link href="/js/chunk-vendors.9dc788ca.js" rel="preload" as="script"><link href="/css/chunk-vendors.e9f6096e.css" rel="stylesheet"><link href="/css/app.2150f8cc.css" rel="stylesheet"><link rel="stylesheet" type="text/css" href="/css/chunk-e1f1707a.079dd8a4.css"><link rel="stylesheet" type="text/css" href="/css/chunk-fde07e7a.adc0509a.css"><link rel="stylesheet" type="text/css" href="/css/chunk-ae7bdc24.38e0efd9.css"><link rel="stylesheet" type="text/css" href="/css/chunk-57d8499b.96222562.css"><link rel="stylesheet" type="text/css" href="/css/chunk-731cdd2b.a9740232.css"><link rel="stylesheet" type="text/css" href="/css/chunk-5ea3ec15.30d377cf.css"><script>
if(('standalone' in window.navigator)&&window.navigator.standalone){
var noddy,remotes=false;
document.addEventListener('click',function(event){
noddy=event.target;
while(noddy.nodeName!=='A'&&noddy.nodeName!=='HTML') noddy=noddy.parentNode;
if('href' in noddy&&noddy.href.indexOf('http')!==-1&&(noddy.href.indexOf(document.location.host)!==-1||remotes)){
event.preventDefault();
document.location.href=noddy.href;
}
},false);
}
</script></head><body class="">

<div id="app"><div data-v-9d393b54="" class="order-list"><div data-v-9d393b54="" class="van-nav-bar van-hairline--bottom" style="z-index: 1;"><div data-v-9d393b54="" class="van-nav-bar__left" onClick="javascript :history.back(-1);"><i data-v-9d393b54="" class="van-icon van-icon-arrow-left van-nav-bar__arrow"><!----></i><span data-v-9d393b54="" class="van-nav-bar__text">返回</span></div><div data-v-9d393b54="" class="van-nav-bar__title van-ellipsis">订单</div><div data-v-9d393b54="" class="van-nav-bar__right"></div></div>

<section data-v-9d393b54="">
<div data-v-9d393b54="" class="van-tabs van-tabs--line">
<div style="margin-bottom: .1rem;"><div class="van-sticky">
<div class="van-tabs__wrap van-tabs__wrap--scrollable van-hairline--top-bottom">
<div role="tablist" class="van-tabs__nav van-tabs__nav--line">
<!--div role="tab" class="van-tab van-tab--active" style="flex-basis: 22%;" aria-selected="true">
<span class="van-ellipsis">全部</span></div-->
<div role="tab" class="van-tab van-tab--active" id="itemmobilea" style="flex-basis: 22%;" >
<span class="van-ellipsis" >进行中</span></div>
<div role="tab" class="van-tab" id="itemmobileb" style="flex-basis: 22%;" >
<span class="van-ellipsis" >已完成</span></div>
<!--div role="tab" class="van-tab" style="flex-basis: 22%;">
<span class="van-ellipsis">失效订单</span></div-->
<div role="tab" class="van-tab" id="itemmobilec" style="flex-basis: 22%;">
<span class="van-ellipsis" >超时订单</span></div>
<!--div role="tab" class="van-tab" style="flex-basis: 22%;">
<span class="van-ellipsis">异常订单</span></div-->
<div class="van-tabs__line" style="width: 41px; transform: translateX(41px) translateX(-50%); transition-duration: 0.3s;"></div>
</div>
</div>
</div>
</div>
<div class="van-tabs__content">
<!--div data-v-9d393b54="" role="tabpanel" class="van-tab__pane" style=""></div-->
<div data-v-9d393b54="" id="item1mobile" class="van-tab__pane" >

<foreach name='slist' item='info'>
								<div data-v-7b3d257d class="detail-info">

								<div class="van-swipe-cell__wrapper" style="transform: translate3d(0px, 0px, 0px); transition-duration: 0.6s;">
								<div data-v-9d393b54="" class="flexh flex-between MR10">
								
								<div data-v-9d393b54="" class="flex1">
								<div data-v-9d393b54="" class="benefit">类型

                <span data-v-9d393b54="" class="warn-color font-14"><?php   if ($info['class'] == 1) { ?> 微信<?php  }elseif($info['class'] == 2){  ?>支付宝<?php  }elseif($info['class'] == 3){  ?>商家码<?php } ?> </span>
				<span data-v-9d393b54="" class="green font-14 ML10"><?php echo getstatus($info['status']);?></span></div>
				<div data-v-9d393b54="" class="MT03">
                充值单号: {$info.pay_sn}
              </div>
			  <div data-v-9d393b54="" class="MT03" style="color: rgb(153, 153, 153);">时间:<?=date('Y-m-d H:i:s',$info['pipeitime'])?></div></div>
			  <div data-v-9d393b54="" style="text-align: right;">
			  <div data-v-9d393b54="" class="benefit"><span data-v-9d393b54="" class="font-14 fail-color" style="font-size: .20rem;">
                  {$info.pay_money}元
                 </span></div>
				  <div data-v-9d393b54="" class="green font-14" style="margin-top: 0.26rem;" onclick="location='<?php echo U('Index/qiangdanxq',array('id'=>$info['id']));?>'">查看详情</div></div></div></div></div>
							</foreach>	
</div>
<div data-v-9d393b54="" id="item2mobile" class="van-tab__pane" style="display: none;">

<foreach name='flist' item='info'>
								<div data-v-7b3d257d class="detail-info">

								<div class="van-swipe-cell__wrapper" style="transform: translate3d(0px, 0px, 0px); transition-duration: 0.6s;">
								<div data-v-9d393b54="" class="flexh flex-between MR10">
								
								<div data-v-9d393b54="" class="flex1">
								<div data-v-9d393b54="" class="benefit">类型

                <span data-v-9d393b54="" class="warn-color font-14"><?php   if ($info['class'] == 1) { ?> 微信<?php  }elseif($info['class'] == 2){  ?>支付宝<?php  }elseif($info['class'] == 3){  ?>商家码<?php } ?> </span>
				<span data-v-9d393b54="" class="green font-14 ML10"><?php echo getstatus($info['status']);?></span></div>
				<div data-v-9d393b54="" class="MT03">
                充值单号: {$info.pay_sn}
              </div>
			  <div data-v-9d393b54="" class="MT03" style="color: rgb(153, 153, 153);">时间:<?=date('Y-m-d H:i:s',$info['pipeitime'])?></div></div>
			  <div data-v-9d393b54="" style="text-align: right;">
			  <div data-v-9d393b54="" class="benefit"><span data-v-9d393b54="" class="font-14 fail-color" style="font-size: .20rem;">
                  {$info.pay_money}元
                 </span></div>
				  <div data-v-9d393b54="" class="green font-14" style="margin-top: 0.26rem;" onclick="location='<?php echo U('Index/qiangdanxq',array('id'=>$info['id']));?>'">查看详情</div></div></div></div></div>
							</foreach>
</div>
<!--div data-v-9d393b54="" role="tabpanel" class="van-tab__pane" style="display: none;"></div>
<div data-v-9d393b54="" role="tabpanel" class="van-tab__pane" style="display: none;"></div-->
<div data-v-9d393b54="" id="item3mobile" class="van-tab__pane" style="display: none;">
<foreach name='dlist' item='info'>
								<div data-v-7b3d257d class="detail-info">

								<div class="van-swipe-cell__wrapper" style="transform: translate3d(0px, 0px, 0px); transition-duration: 0.6s;">
								<div data-v-9d393b54="" class="flexh flex-between MR10">
								
								<div data-v-9d393b54="" class="flex1">
								<div data-v-9d393b54="" class="benefit">类型

                <span data-v-9d393b54="" class="warn-color font-14"><?php   if ($info['class'] == 1) { ?> 微信<?php  }elseif($info['class'] == 2){  ?>支付宝<?php  }elseif($info['class'] == 3){  ?>商家码<?php } ?> </span>
				<span data-v-9d393b54="" class="green font-14 ML10"><?php echo getstatus($info['status']);?></span></div>
				<div data-v-9d393b54="" class="MT03">
                充值单号: {$info.pay_sn}
              </div>
			  <div data-v-9d393b54="" class="MT03" style="color: rgb(153, 153, 153);">时间:<?=date('Y-m-d H:i:s',$info['pipeitime'])?></div></div>
			  <div data-v-9d393b54="" style="text-align: right;">
			  <div data-v-9d393b54="" class="benefit"><span data-v-9d393b54="" class="font-14 fail-color" style="font-size: .20rem;">
                  {$info.pay_money}元
                 </span></div>
				  <div data-v-9d393b54="" class="green font-14" style="margin-top: 0.26rem;" onclick="location='<?php echo U('Index/qiangdanxq',array('id'=>$info['id']));?>'">查看详情</div></div></div></div></div>
							</foreach>

</div>
</div></div><section data-v-9d393b54="" class="MT10">
<div data-v-392d05dd="" data-v-9d393b54="">
<!--section data-v-392d05dd="" class="flexh" style="margin-top: -0.1rem;">
<div data-v-392d05dd="" class="select-date flexh flex-align-center">
<div data-v-392d05dd="" class="MR10"><span data-v-392d05dd="">
          全部日期
        </span></div>
		<i data-v-392d05dd="" class="van-icon van-icon-arrow-down"></i></div>
		</section-->
<div data-v-392d05dd="" role="feed" class="van-list">
<div class="van-list__finished-text">没有更多了</div>
<div class="van-list__placeholder"></div></div><!----></div></section></section></div></div>
<script type="text/javascript" src="__COM__/js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="__COM__/layer/layer.js"></script>
		<script type="text/javascript" src="__COM__/js/index.js" ></script>
<script type="text/javascript">
		$("#itemmobilea").click(function(){
			$("#item1mobile").show();
			$("#item2mobile").hide();
			$("#item3mobile").hide();
			$("#itemmobilea").addClass('van-tab--active');
			$('.van-tabs__line').css("transform","translateX(41px) translateX(-50%)");
			$("#itemmobileb").removeClass('van-tab--active');
			$("#itemmobilec").removeClass('van-tab--active');
			
		});
		$("#itemmobileb").click(function(){
			$("#item1mobile").hide();
			$("#item2mobile").show();
			$("#item3mobile").hide();
			$("#itemmobileb").addClass('van-tab--active');
			$('.van-tabs__line').css("transform","translateX(41px) translateX(150%)");
			$("#itemmobilea").removeClass('van-tab--active');
			$("#itemmobilec").removeClass('van-tab--active');
			
		});
		$("#itemmobilec").click(function(){
			$("#item1mobile").hide();
			$("#item2mobile").hide();
			$("#item3mobile").show();
			$("#itemmobilec").addClass('van-tab--active');
			$('.van-tabs__line').css("transform","translateX(41px) translateX(350%)");
			$("#itemmobileb").removeClass('van-tab--active');
			$("#itemmobilea").removeClass('van-tab--active');
			
		});
	
	</script>
</body></html>